<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Blue and Gold: Chamblee's School Newspaper</title>
<%= stylesheet_link_tag 'newspaper' %>
</head>

<body>
	<div>
	<div id="pageTitle">BLUE &amp; GOLD
	</div>
	<div id="linkBar">
		<a><%= link_to "NEWS", :action => :viewSec, :id => @listArticles[1] %></a> <a><%= link_to "SPORTS", :action => :viewSec, :id => @listArticles[3] %></a><a><%= link_to "FEATURES", :action => :viewSec, :id => @listArticles[0] %></a><a><%= link_to "STYLE", :action => :viewSec, :id => @listArticles[2] %></a><a><%= link_to "OPINION", :action => :viewOpin%></a>
	</div>
	<div id="content">
		<div id="col1">
			<% i=0 %>
			<% for article in @listArticles %>
				<% if i < 4 %>
					<h1><%= link_to article.title, :action => :view, :id => article %></h1>
					<p><i>by <%=h(article.author)%></i><br /><%=h(truncate(article.body,100-article.title.length))%></p><br />
					<% i = i+1%>
				<% end %>
			<% end %>
			<h1 align="right"><%= link_to "See More", :action => :listall%></h1>
		</div>
		<div id="col2">
				<div id="image2">
					<img class="list-image" src="<%=@mainStory.image_url %>"/>					
				</div>
			<h1><%= link_to @mainStory.title, :action => :view, :id => @mainStory%></h1>
			<p><%= h(truncate(@mainStory.body, 250))%></p><br />
			<h1><%= link_to @secondaryStory.title, :action => :view, :id => @secondaryStory%></h1>
			<p><%= h(truncate(@secondaryStory.body, 150))%></p><br/><br/>
		</div>
		<div id="col3">
			<h1>Blogger1</h1>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. </p><br />
			<h1>Blogger2</h1>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.</p><br />
			<h1>Blogger3</h1>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. </p><br />
	</div>

	</div>
	<div id="linkBar" >
		<a>NEWS</a> <a>SPORTS</a> <a>FEATURES</a> <a>STYLE</a> <a>OPINION</a>
	</div>
</body>

</html>